import styled from "styled-components";

export const Content = styled.div`
    display: flex;
    flex-direction: row;
    width: 100vw;
    .ec-left{
        width: 16vw;
        position: relative;
        height: 100%;
        display: flex;
        flex-direction: column;
        margin-top: 0.2rem;
        align-items: center;
        .ec-img{
            /* position: absolute; */
            width: 0.8rem;
            height: 0.8rem;
            border-radius: 50%;
            object-fit: cover;
        }
    }
    .ec-right{
        width: 84vw;
        
        .ecr-top{
            position: relative;
            display: flex;
            font-family: Microsoft YaHei;
            flex-direction: row;
            align-items: center;
            justify-content: space-between;
            height: 1rem;
            width: 100%;
            color: #4e5157;
            font-size: 15px;
            font-weight:500;
            /* background-color: black; */
            .gift{
                position: absolute;
                font-size:0.2rem;
                color: #ccced0;
                height: 0.5rem;
                width: 0.8rem;
                right: 1.3rem;
                border:1px #ccced0 solid;
                text-align:center;
                line-height: 0.5rem;
                border-radius: 8px;
            }
        }
        .ecr-middle{
            box-sizing: border-box;
            padding: 0.16rem;
            font-size: 16px;
            font-weight: 500;
            font-family: Microsoft YaHei;
            >img{
                width: 42vw;
                height: 42vh;
            }
        }
        .ecr-bottom{
            height: 1rem;
            color: #8c8c8c;
            /* background-color: black; */
            display: flex;
            flex-direction: row;
            /* align-items: center; */
            border-bottom: 1px solid #efefef;
            
            
        }
    }
`